<template>
  <van-tabs
    v-model="activeName"
    sticky
    offset-top="46"
    animated
    swipeable
  >
    <van-tab
      name="1"
      title="今日课表"
    >
      <today-course />
    </van-tab>
    <van-tab
      name="2"
      title="代办事项"
    >
      <todo-list />
    </van-tab>
  </van-tabs>
</template>

<script>
import { Tab, Tabs } from 'vant'
import TodoList from './TodoList.vue'
import TodayCourse from './TodayCourse.vue'

export default {
  components: {
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
    TodoList,
    TodayCourse
  },
  data () {
    return {
      activeName: '1'
    }
  }
}
</script>

<style scoped lang="less">
/deep/ .van-tab--active {
  font-size: @font-size-18;
}
/deep/ .van-tab__pane {
  min-height: calc(
    100vh - @nav-bar-height - @tabbar-height - @tabs-line-height
  );
}
</style>
